<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!--第一步 冷静分析网站由哪些部分组成
	    创建一个8行一列的表格 再嵌套
	    第一部分:LOGO部分 嵌套一个一行三列的表格
		第二部分:导航栏: 放超链接
		第三部分:大图片
		第四部分:嵌套一个三行七列的表格
		第五部分:放置一张图
		第六部分:和第四部分格式一样
		第七部分:放图
		第八部分:放友情链接
		 第二步：写table 8行一列 再把注释粘上去
		-->
		<table  width="100%">
			<!-- 第一部分:LOGO部分 嵌套一个一行三列的表格 -->
			<tr>
				<td>
					<table width="100%" >
						<tr>
							<td><img src="../img01/logo1.jpg" width="220px"/></td>
							<td><img src="../img01/header.jpg" height="100" align="center"/></td>
							<td>
							<a href="#">登录</a>
							<a href="#">注册</a>
							<a href="#">购物车</a>
							</td>
						</tr>
					</table>
				</td>
			</tr>
			<!--第二部分:导航栏: 放超链接 -->
			<tr bgcolor="black">
				<td height="200" width="100%">
					<a href="#"><font color="white" size="6" >首页</font></a>
					<a href="#"><font color="white" size="6" >数码相机</font></a>
					<a href="#"><font color="white" size="6 ">充值通道</font></a>
					<&nbsp><&nbsp>	<&nbsp>	<&nbsp>	<&nbsp>	<&nbsp>	<&nbsp>	<&nbsp>	<&nbsp>	<&nbsp>	<&nbsp>	<&nbsp>	
					<&nbsp>	<&nbsp>	<&nbsp>	<&nbsp>	<&nbsp>	<&nbsp>	<&nbsp>	<&nbsp>	<&nbsp>	<&nbsp>	<&nbsp>	<&nbsp>	
					<&nbsp><&nbsp>	<&nbsp>	<&nbsp>	<&nbsp>	<&nbsp> <&nbsp><&nbsp>
				
		           
					<input type="text" placeholder="请输入搜索内容"/>
					<input type="submit" value="搜索"/>
				</td>
			</tr>
			<!--第三部分:大图片 -->
			<tr>
				<td><img src="../img01/1.jpg"/ width="100%" ></td>
			</tr>
			<!--第四部分:嵌套一个三行七列的表格 -->
			<tr>
				<td>
					<table  width="100%" >
						<tr >
							<td colspan="7"> <h2>最新商品<img src="../img01/title2.jpg"/ ></h2></td>
						</tr>
						<tr>
							<td rowspan="2"width="206px" height="440px"><img src="../img01/big01.jpg"/></td>
							<td colspan="3" width="439px" height="260px"><img src="../img01/middle01.jpg" width="100%" height="100%"></td>
							<td>
								<img src="../img01/timg.jpg" width="206" height="200"/>
								<p>魔剑阿波菲斯</p>
								<p><font color="red">$999</font></p>
							</td>
							<td>
								<img src="../img01/timg.jpg" width="206" height="200"/>
								<p>魔剑阿波菲斯</p>
								<p><font color="red">$999</font></p>
								</td>
							<td>
								<img src="../img01/timg.jpg" width="206" height="200"/>
								<p>魔剑阿波菲斯</p>
								<p><font color="red">$999</font></p>
								</td>
							
						</tr>
						<tr>
							
							<td><img src="../img01/timg.jpg" width="206" height="200"/>
								<p>魔剑阿波菲斯</p>
								<p><font color="red">$999</font></p>
								</td>
							<td><img src="../img01/timg.jpg" width="206" height="200"/>
								<p>魔剑阿波菲斯</p>
								<p><font color="red">$999</font></p>
								</td>
							<td><img src="../img01/timg.jpg" width="206" height="200"/>
								<p>魔剑阿波菲斯</p>
								<p><font color="red">$999</font></p>
								</td>
							<td><<img src="../img01/timg.jpg" width="206" height="200"/>
								<p>魔剑阿波菲斯</p>
								<p><font color="red">$999</font></p>
								</td>
							<td><img src="../img01/timg.jpg" width="206" height="200"/>
								<p>魔剑阿波菲斯</p>
								<p><font color="red">$999</font></p>
								</td>
							<td><img src="../img01/timg.jpg" width="206" height="200"/>
								<p>魔剑阿波菲斯</p>
								<p><font color="red">$999</font></p>
								</td>
						</tr>
					</table>
				</td>
			</tr>
			<!--第五部分:放置一张图 -->
			<tr>
				<td><img src="../img01/ad.jpg" width="100%"</td>
			</tr>
			<!-- 第六部分:和第四部分格式一样-->
			<tr>
				<td>
					<table  width="100%" >
						<tr >
							<td colspan="7"> <h2>热门商品<img src="../img01/title2.jpg"/ ></h2></td>
						</tr>
						<tr >
							<td rowspan="2"width="206px" height="480px"><img src="../img01/big01.jpg" height="100%"/></td>
							<td colspan="3" width="439px" height="260px"><img src="../img01/middle01.jpg" width="100%" height="100%"></td>
							<td>
								<img src="../img01/timg.jpg" width="206" height="200"/>
								<p>魔剑阿波菲斯</p>
								<p><font color="red">$999</font></p>
							</td>
							<td>
								<img src="../img01/timg.jpg" width="206" height="200"/>
								<p>魔剑阿波菲斯</p>
								<p><font color="red">$999</font></p>
								</td>
							<td>
								<img src="../img01/timg.jpg" width="206" height="200"/>
								<p>魔剑阿波菲斯</p>
								<p><font color="red">$999</font></p>
								</td>
							
						</tr>
						<tr>
							
							<td><img src="../img01/timg.jpg" width="206" height="200"/>
								<p>魔剑阿波菲斯</p>
								<p><font color="red">$999</font></p>
								</td>
							<td><img src="../img01/timg.jpg" width="206" height="200"/>
								<p>魔剑阿波菲斯</p>
								<p><font color="red">$999</font></p>
								</td>
							<td><img src="../img01/timg.jpg" width="206" height="200"/>
								<p>魔剑阿波菲斯</p>
								<p><font color="red">$999</font></p>
								</td>
							<td><<img src="../img01/timg.jpg" width="206" height="200"/>
								<p>魔剑阿波菲斯</p>
								<p><font color="red">$999</font></p>
								</td>
							<td><img src="../img01/timg.jpg" width="206" height="200"/>
								<p>魔剑阿波菲斯</p>
								<p><font color="red">$999</font></p>
								</td>
							<td><img src="../img01/timg.jpg" width="206" height="200"/>
								<p>魔剑阿波菲斯</p>
								<p><font color="red">$999</font></p>
								</td>
						</tr>
					</table>
				</td>
			</tr>
			<!-- 第七部分:放图-->
			<tr>
				<td><img src="../img01/footer.jpg" width="100%"</td>
			</tr>
			<!--第八部分:放友情链接 -->
			<tr>
				<td align="center">
					<a href="#">关于我们</a>   
					<a href="#">联系我们 </a>
					<a href="#">招贤纳士</a>
					<a href="#"> 法律声明</a>
					<a href="#">友情链接 </a>
					<a href="#">支付方式</a>
					<a href="#">配送方式</a>
					<a href="#">服务声明</a>
					<a href="#">广告声明 </a>
					<br/>
					Copyright © 2005-2016 林氏商城 版权所有
					
					
				</td>
			</tr>
		</table>
	</body>
</html>
